home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / lib / xulrunner-1.9.0.14 / chrome / classic.jar / skin / classic / global / tree.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-05-09  |  10.6 KB  |  407 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *   Joe Hewitt (hewitt@netscape.com)
  24.  *
  25.  * Alternatively, the contents of this file may be used under the terms of
  26.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28.  * in which case the provisions of the GPL or the LGPL are applicable instead
  29.  * of those above. If you wish to allow use of your version of this file only
  30.  * under the terms of either the GPL or the LGPL, and not to allow others to
  31.  * use your version of this file under the terms of the MPL, indicate your
  32.  * decision by deleting the provisions above and replace them with the notice
  33.  * and other provisions required by the GPL or the LGPL. If you do not delete
  34.  * the provisions above, a recipient may use your version of this file under
  35.  * the terms of any one of the MPL, the GPL or the LGPL.
  36.  *
  37.  * ***** END LICENSE BLOCK ***** */
  38.  
  39. /* ===== tree.css ===================================================
  40.   == Styles used by the XUL outline element.
  41.   ======================================================================= */
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44.  
  45. /* ::::: tree ::::: */
  46.  
  47. tree {
  48.   margin: 0px 4px;
  49.   border: 2px solid;
  50.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  51.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  52.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  53.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  54.   background-color: -moz-Field;
  55.   color: -moz-FieldText;
  56.   -moz-appearance: listbox;
  57. }
  58.  
  59. /* ::::: tree focusring ::::: */
  60.  
  61. .focusring > .tree-stack > .tree-rows > .tree-bodybox {
  62.   border: 1px solid transparent;  
  63. }
  64.  
  65. .focusring:focus > .tree-stack > .tree-rows > .tree-bodybox {
  66.   border: 1px solid #000000;
  67. }
  68.  
  69.  
  70. /* ::::: tree rows ::::: */
  71.  
  72. treechildren::-moz-tree-row {
  73.   border: 1px solid transparent;
  74.   min-height: 18px;
  75.   height: 1.3em;
  76. }
  77.  
  78. treechildren::-moz-tree-row(selected) {
  79.   background-color: -moz-cellhighlight;
  80. }
  81.  
  82. treechildren::-moz-tree-row(selected, focus) {
  83.   background-color: Highlight;
  84. }
  85.  
  86. treechildren::-moz-tree-row(current, focus) {
  87.   border: 1px dotted Highlight;
  88. }
  89.  
  90. treechildren::-moz-tree-row(selected, current, focus) {
  91.   border: 1px dotted #F3D982;
  92. }
  93.  
  94. tree[seltype="cell"] > treechildren::-moz-tree-row,
  95. tree[seltype="text"] > treechildren::-moz-tree-row {
  96.   border: none;
  97.   background-color: transparent;
  98. }
  99.  
  100. /* ::::: tree cells ::::: */
  101.  
  102. treechildren::-moz-tree-cell {
  103.   padding: 0px 2px 0px 2px;
  104. }
  105.  
  106. tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
  107. tree[seltype="text"] > treechildren::-moz-tree-cell-text,
  108. treechildren::-moz-tree-cell-text {
  109.   color: inherit;
  110. }
  111.  
  112. treechildren::-moz-tree-cell-text(selected) {
  113.   color: -moz-cellhighlighttext;
  114. }
  115.  
  116. tree[seltype="cell"] > treechildren::-moz-tree-cell {
  117.   border: 1px solid transparent;
  118.   padding: 0px 1px 0px 1px;
  119. }
  120.  
  121. tree[seltype="text"] > treechildren::-moz-tree-cell-text {
  122.   border: 1px solid transparent;
  123.   padding: 0px 1px 1px 1px;
  124. }
  125.  
  126. tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
  127.   background-color: -moz-cellhighlight;
  128. }
  129. tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
  130.   color: -moz-cellhighlighttext;
  131. }
  132.  
  133. tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
  134.   background-color: -moz-cellhighlight;
  135.   color: -moz-cellhighlighttext;
  136. }
  137.  
  138. treechildren::-moz-tree-cell-text(selected, focus) {
  139.   color: HighlightText;
  140. }
  141.  
  142. tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
  143.   background-color: Highlight;
  144. }
  145.  
  146. tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
  147.   background-color: Highlight;
  148. }
  149.  
  150. tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
  151.   color: HighlightText;
  152. }
  153.  
  154. tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
  155.   color: HighlightText;
  156. }
  157.  
  158. tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
  159.   border: 1px dotted #000000;
  160. }
  161.  
  162. tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) {
  163.   border: 1px dotted #000000;
  164. }
  165.  
  166. tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) {
  167.   border: 1px dotted #C0C0C0;
  168. }
  169.  
  170. tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) {
  171.   border: 1px dotted #C0C0C0;
  172. }
  173.  
  174. /* ::::: lines connecting cells ::::: */
  175.  
  176. treechildren::-moz-tree-line {
  177.   visibility: hidden;
  178. }
  179.  
  180. /* ::::: tree separator ::::: */
  181.  
  182. treechildren::-moz-tree-separator {
  183.   border-top: 1px solid ThreeDShadow;
  184.   border-bottom: 1px solid ThreeDHighlight;
  185. }
  186.  
  187.  
  188. /* ::::: drop feedback ::::: */
  189.  
  190. tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
  191. tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
  192. treechildren::-moz-tree-cell-text(primary, dropOn) {
  193.   background-color: Highlight;
  194.   color: HighlightText;
  195. }
  196.  
  197. treechildren::-moz-tree-drop-feedback {
  198.   background-color: Highlight;
  199.   width: 50px;
  200.   height: 2px;
  201.   -moz-margin-start: 5px;
  202. }
  203.  
  204. /* ::::: tree progress meter ::::: */
  205.  
  206. treechildren::-moz-tree-progressmeter {
  207.   margin: 2px 4px;
  208.   border: 2px solid;
  209.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  210.   -moz-border-right-colors: ThreeDHighlight -moz-Dialog;
  211.   -moz-border-bottom-colors: ThreeDHighlight -moz-Dialog;
  212.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  213.   background-color: -moz-Dialog;
  214.   color: ThreeDShadow;
  215. }
  216.  
  217. treechildren::-moz-tree-progressmeter(progressUndetermined) {
  218.   list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
  219. }
  220.  
  221. treechildren::-moz-tree-cell-text(progressmeter) {
  222.   margin: 2px 4px;
  223. }
  224.  
  225. /* ::::: tree columns ::::: */
  226.  
  227. treecol,
  228. treecolpicker {
  229.   -moz-appearance: treeheadercell;
  230.   -moz-box-align: center;
  231.   -moz-box-pack: center;
  232.   border: 2px solid;
  233.   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  234.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  235.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  236.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  237.   background-color: -moz-Dialog;
  238.   color: -moz-DialogText;
  239.   padding: 0px 2px;
  240. }
  241.  
  242. treecol:hover,
  243. treecolpicker:hover {
  244.   color: -moz-buttonhovertext;
  245. }
  246.  
  247. .treecol-image {
  248.   padding: 0px 1px;
  249. }
  250.  
  251. .treecol-text {
  252.   margin: 0px !important;
  253. }
  254.  
  255. treecol[hideheader="true"] {
  256.   -moz-appearance: none;
  257.   border: none;
  258.   padding: 0;
  259. }
  260.  
  261. /* ..... internal box ..... */
  262.  
  263. treecol:hover:active,
  264. treecolpicker:hover:active {
  265.   color: ButtonText;
  266.   border: 2px solid;
  267.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  268.   -moz-border-right-colors: ThreeDShadow transparent;
  269.   -moz-border-bottom-colors: ThreeDShadow transparent;
  270.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  271.   padding-top: 0px;
  272.   padding-bottom: 0px;
  273.   -moz-padding-start: 3px;
  274.   -moz-padding-end: 1px;
  275. }
  276.  
  277. .treecol-image:hover:active {
  278.   padding: 0px;
  279.   -moz-padding-start: 2px;
  280. }
  281.  
  282. treecol:hover:active .treecol-text {
  283.   margin: 1px 0px -1px 0px !important;
  284. }
  285.  
  286. /* ::::: column drag and drop styles ::::: */
  287.  
  288. treecol[dragging="true"] {
  289.   -moz-border-top-colors: ThreeDDarkShadow transparent !important;
  290.   -moz-border-right-colors: ThreeDDarkShadow transparent!important;
  291.   -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
  292.   -moz-border-left-colors: ThreeDDarkShadow transparent !important;
  293.   background-color: ThreeDShadow !important;
  294.   color: ThreeDHighlight !important;
  295. }
  296.  
  297. treecol[insertafter="true"] {
  298.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  299. }
  300.  
  301. treecol[insertbefore="true"] {
  302.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
  303. }
  304.  
  305. treechildren::-moz-tree-column(insertbefore) {
  306.   border-left: 1px solid ThreeDShadow;
  307. }
  308.  
  309. treechildren::-moz-tree-column(insertafter) {
  310.   border-right: 1px solid ThreeDShadow;
  311. }
  312.  
  313. /* ::::: sort direction indicator :::::  */
  314.  
  315. .treecol-sortdirection {
  316.   -moz-appearance: treeheadersortarrow;
  317. }
  318.  
  319. /* ::::: column picker :::::  */
  320.  
  321. .tree-columnpicker-icon {
  322.   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
  323. }
  324.  
  325. /* ::::: twisty :::::  */
  326.  
  327. treechildren::-moz-tree-twisty {
  328.   -moz-appearance: treetwisty;
  329.   -moz-padding-end: 4px;
  330.   padding-top: 1px;
  331.   width: 9px; /* The image's width is 9 pixels */
  332.   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
  333. }
  334.  
  335. treechildren::-moz-tree-twisty(open) {
  336.   -moz-appearance: treetwistyopen;
  337.   width: 9px; /* The image's width is 9 pixels */
  338.   list-style-image: url("chrome://global/skin/tree/twisty-open.png");
  339. }
  340.  
  341. treechildren::-moz-tree-indentation {
  342.   width: 18px;
  343. }
  344.  
  345. /* ::::: gridline style ::::: */
  346.  
  347. treechildren.gridlines::-moz-tree-cell {
  348.   border-right: 1px solid transparent !important;
  349.   border-bottom: 1px solid transparent !important;
  350. }
  351.  
  352. treechildren.gridlines::-moz-tree-row {
  353.   border: none;
  354. }
  355.  
  356. treechildren::-moz-tree-image(Name) {
  357.   -moz-padding-end: 2px;
  358. }
  359.  
  360. treechildren::-moz-tree-image(Name) {
  361.   margin: 0px 2px;
  362.   list-style-image: url("moz-icon://stock/gtk-file?size=menu");
  363. }
  364.  
  365. treechildren::-moz-tree-image(Name, container) {
  366.   list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
  367. }
  368.  
  369. treechildren::-moz-tree-image(Name, separator) {
  370.   list-style-image: none;
  371.   width: 0px !important;
  372.   height: 0px !important;
  373.   margin: 0px 0px;
  374. }
  375.  
  376. treechildren::-moz-tree-cell-text(Name, separator) {
  377.   color: ThreeDShadow;
  378.   margin: 0px 5px 0px 5px;
  379. }
  380.  
  381. treechildren::-moz-tree-cell-text(Name, separator, selected, focus) {
  382.   color: HighlightText;
  383. }
  384.  
  385. /* ::::: editable tree ::::: */
  386.  
  387. treechildren::-moz-tree-row(selected, editing) {
  388.   background-color: transparent;
  389.   border: none;
  390. }
  391.  
  392. treechildren::-moz-tree-cell-text(selected, editing) {
  393.   color: inherit;
  394. }
  395.  
  396. .tree-input {
  397.   -moz-appearance: none;
  398.   border: 1px solid Highlight;
  399.   -moz-border-top-colors: Highlight;
  400.   -moz-border-bottom-colors: Highlight;
  401.   -moz-border-left-colors: Highlight;
  402.   -moz-border-right-colors: Highlight;
  403.   margin: 0;
  404.   -moz-margin-start: -4px;
  405.   padding: 1px;
  406. }
  407.